<!DOCTYPE html>
<html> 
    <head> 
        <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
        <title>Pesquisa de rotas de Caronas</title> 
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
        <script type="text/javascript" src="../js/PesquisaDeRota.js"></script>
        <script type="text/javascript" src="../js/autocomplet.js"></script>
        <script type="text/javascript" src="jquery-ui.custom.min.js"></script>
        <script type="text/javascript" src="jquery.min.js"></script>
    </head> 
    <body style="font-family: Arial; font-size: 12px;"> 

        <form id="form" method="post">
            <input name="origem" id="origem" type="text" >    
            <input name="destino" id="destino"type="text" >
          <button type="button" onclick="geraMapa()">Executar função</button>
        </form>

        <div style="width: 800px;">
            <div id="map" style="width: 800px; height: 500px; float: left;"></div> 
            <div id="panel" style="width: 800px; float: right;"></div> 
        </div>

        <input type="hidden" id="txtLatitude" name="txtLatitude" />
        <input type="hidden" id="txtLongitude" name="txtLongitude" />
        
    </body> 
</html>